<%--@elvariable id="typeList" type="java.util.List"--%>
<%--@elvariable id="courseCollect" type="java.util.List"--%>
<%--@elvariable id="isLogin" type="java.lang"--%>
<%--@elvariable id="type" type="com.genghis.ptas.classify.entity.Type"--%>
<%--@elvariable id="course" type="com.genghis.ptas.course.entity.CourseInfo"--%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en"> <!--<![endif]-->

<!-- Head BEGIN -->
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta content="Metronic Shop UI description" name="description">
    <meta content="Metronic Shop UI keywords" name="keywords">
    <meta content="keenthemes" name="author">

    <base href="<%=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/scorm/"%> "/>

    <!-- Fonts END -->

    <!-- Global styles START -->
    <link href="ecommerce/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="ecommerce/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <!-- Global styles END -->

    <!-- Page level plugin styles START -->
    <link href="ecommerce/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
    <link href="ecommerce/plugins/bxslider/jquery.bxslider.css" rel="stylesheet">
    <link rel="stylesheet" href="ecommerce/plugins/layerslider/css/layerslider.css" type="text/css">
    <!-- Page level plugin styles END -->

    <!-- Theme styles START -->
    <link href="ecommerce/css/style-metronic.css" rel="stylesheet" type="text/css">
    <link href="ecommerce/css/style.css" rel="stylesheet" type="text/css">
    <link href="ecommerce/css/style-responsive.css" rel="stylesheet" type="text/css">
    <link href="ecommerce/css/custom.css" rel="stylesheet" type="text/css">
    <!-- Theme styles END -->
</head>
<!-- Head END -->

<!-- Body BEGIN -->
<body>

<!-- BEGIN HEADER -->
<div class="headroom">
<div role="navigation" id="menuType" class="navbar header no-margin" style="margin-bottom: 0">
    <div class="container">
        <div class="navbar-header">
            <!-- BEGIN RESPONSIVE MENU TOGGLER -->
            <button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- END RESPONSIVE MENU TOGGLER -->
            <a href="public/menu" class="navbar-brand">
                <img src="img/logo/logo_1.png" style="width: 129px;height: 32px"  alt="SCORM 平台 logo">
            </a>
            <!-- LOGO -->
        </div>
        <!-- BEGIN NAVIGATION -->
        <div class="collapse navbar-collapse mega-menu">
            <ul class="nav navbar-nav">
                <c:forEach var="type" items="${typeList}">
                    <li class="dropdown">
                        <a style="font-size:25px " class="dropdown-toggle" data-toggle="dropdown" data-delay="0"
                           data-close-others="false"
                           data-target="product-list.html">
                                ${type.typeName}
                            <i class="fa fa-angle-down"></i>
                        </a>
                        <ul class="dropdown-menu">
                            <c:forEach var="typeValue" items="${type.typeValuesList}">
                                <li>
                                    <a href="javascript:void(0);"
                                       onclick="listCourse('${typeValue.id}')">${typeValue.typeValue}</a>
                                </li>
                            </c:forEach>
                        </ul>
                    </li>
                </c:forEach>
                <li class="dropdown">
                    <a style="font-size:15px " class="dropdown-toggle" data-toggle="dropdown" data-delay="0"
                       data-close-others="false" href="javascript:" onclick="addTab('public/publicityNote?search=')">
                        公示笔记
                        <i class="fa fa-angle-down"></i>
                    </a>
                </li>
                <li class="dropdown">
                    <a style="font-size:15px " class="dropdown-toggle" data-toggle="dropdown" data-delay="0"
                       data-close-others="false" data-target="product-list.html" href="javascript:void(0);"
                       onclick="addTab('public/questionListDo')">
                        问题帮
                        <i class="fa fa-angle-down"></i>
                    </a>
                </li>
                <li class="dropdown">
                    <a style="font-size:15px " class="dropdown-toggle" data-toggle="dropdown" data-delay="0"
                       data-close-others="false" data-target="product-list.html" href="javascript:void(0);"
                       onclick="addTab('public/userEnterListAllClassroomDo')">
                        学堂在线
                        <i class="fa fa-angle-down"></i>
                    </a>
                </li>
                <li class="dropdown">
                    <a style="font-size:15px " class="dropdown-toggle" data-toggle="dropdown" data-delay="0"
                       data-close-others="false" data-target="product-list.html" href="javascript:void(0);"
                       onclick="addTab('public/userEnterListAllExaminationDo')">
                        试卷
                        <i class="fa fa-angle-down"></i>
                    </a>
                </li>
                <li class="menu-search">
                    <span class="sep"></span>
                    <i class="fa fa-search search-btn"></i>

                    <div class="search-box">
                        <div class="input-group">
                            <label for="query"></label>
                            <input id="query" name="query" type="text" placeholder="课件查询..." class="form-control">

                            <span class="input-group-btn">
                                <button class="btn btn-primary" type="submit" onclick="queryResultList()">查询
                                </button>
                            </span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- END NAVIGATION -->
    </div>
</div>
</div>
<!-- END HEADER -->

<div class="page-container">
    <div class="row">
        <div id="mainDiv">
            <div id="tabDiv"></div>
        </div>
    </div>
</div>

<!-- BEGIN CORE PLUGINS (REQUIRED FOR ALL PAGES) -->
<!--[if lt IE 9]>
<script src="ecommerce/plugins/respond.min.js"></script>
<![endif]-->
<script src="ecommerce/plugins/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="ecommerce/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<script src="ecommerce/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<%--<script type="text/javascript" src="ecommerce/plugins/back-to-top.js"></script>--%>
<script type="text/javascript" src="ecommerce/plugins/jQuery-slimScroll/jquery.slimscroll.min.js"></script>
<!-- END CORE PLUGINS -->

<!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
<script type="text/javascript" src="ecommerce/plugins/fancybox/source/jquery.fancybox.pack.js"></script>
<!-- pop up -->
<script type="text/javascript" src="ecommerce/plugins/bxslider/jquery.bxslider.min.js"></script>
<!-- slider for products -->
<script type="text/javascript" src='ecommerce/plugins/zoom/jquery.zoom.min.js'></script>
<!-- product zoom -->
<script src="ecommerce/plugins/bootstrap-touchspin/bootstrap.touchspin.js" type="text/javascript"></script>
<!-- Quantity -->
 <!-- BEGIN LayerSlider -->
<script src="ecommerce/plugins/layerslider/jQuery/jquery-easing-1.3.js" type="text/javascript"></script>
<script src="ecommerce/plugins/layerslider/jQuery/jquery-transit-modified.js" type="text/javascript"></script>
<script src="ecommerce/plugins/layerslider/js/layerslider.transitions.js" type="text/javascript"></script>
<script src="ecommerce/plugins/layerslider/js/layerslider.kreaturamedia.jquery.js" type="text/javascript"></script>
<!-- END LayerSlider -->

<script type="text/javascript" src="ecommerce/scripts/app.js"></script>
<script type="text/javascript" src="ecommerce/scripts/index.js"></script>
<script src="assets/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>

<!--里面含有tabs方法-->
<script src="assets/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
</body>
<!-- END BODY -->
</html>

<script type="text/javascript">
    jQuery(document).ready(function () {
        App.init();
        browserSizeDeal(document.documentElement.clientHeight - 86);
        addTab("public/content");
    });

    function browserSizeDeal(height) {
        $('#tabDiv').height(height);
    }

    function initTab() {
        $('#tabDiv').tabs({
            fit: true,
            border: true
        });
    }

    function addTab(src) {
        initTab();
        document.getElementById("tabDiv").innerHTML = '<iframe frameborder="no" id="ifrm" style="width:100%;height:100%;overflow:auto;" src="' + src + '"></iframe>';
    }

    function listCourse(typeId) {
        addTab("public/courseList?typeId=" + typeId+"&searchName=");
    }

    function watchCourseInfo(courseId) {
        window.location.href = basePath + "course/courseInfoDo?id=" + courseId;
    }

    function queryResultList() {
        addTab("public/queryResultList?query=" + $("#query").val());
    }

    function reLoad(src) {
        top.location.href = src;
    }
</script>
